<section>
  <!-- main content start-->
  <div class="main-content" >

    <!--body wrapper start-->

    <div  class="btn-group pull-right" style="margin-right:  15px;margin-top:  15px;margin-bottom:  15px;">
      <button class="btn btn-primary" type="button" id="btn_detailedSearch" (click)="btn_detailedSearch()">高级查询</button>
      <button class="btn btn-primary" type="button" id="btn_apply" (click)="btn_apply()">新建申请</button>
      <button class="btn btn-primary" type="button" id="btn_typedel" (click)="delData()">删除</button>
    </div>

    <div class="wrapper">
      <div class="row">

        <div class="col-md-12">


          <section class="panel">

            <header class="panel-heading custom-tab dark-tab">
              <ul class="nav nav-tabs">
                <li class="active">
                  <a href="#home2" data-toggle="tab" (click)="pageChange('day')">今天</a>
                </li>
                <li class="">
                  <a href="#about2" data-toggle="tab" (click)="pageChange('week')">本周</a>
                </li>
                <li class="">
                  <a href="#about2" data-toggle="tab" (click)="pageChange('month')">本月</a>
                </li>
                <li class="">
                  <a href="#about2" data-toggle="tab" (click)="pageChange('all')">全部</a>
                </li>
              </ul>
            </header>
            <div class="panel-body" style="margin-left: 25px;">
              <div class="tab-content">
                <app-cam-search-table></app-cam-search-table>
              </div>
            </div>
          </section>
        </div>
      </div>
    </div>
    <!--body wrapper end-->

  </div>
  <!-- main content end-->
</section>

<!-- 高级查询modal -->
<nz-modal id="detailedSearchModal"  [nzVisible]="isVisible" [nzTitle]="'查询条件'" [nzContent]="searchModalContent"
          (nzOnCancel)="handleCancel($event)"  [nzFooter]="false">
  <ng-template #searchModalContent>
    <section class="panel">
      <form class="form-horizontal" role="searchFile" [formGroup]="highForm">
        <div class="form-group">
          <label class="control-label col-md-4">车辆名称</label>
          <div class="col-md-6 col-xs-11">
            <select [(ngModel)]="vehicleName" formControlName="vehicleName" class="selectpicker form-control" style="height: 30px" id="vehicleName" (change)="onselected()" >
              <option value="">全部</option>
              <option *ngFor="let vehicle of vehicles"  [value]="vehicle.oid">{{vehicle.name}}</option>
            </select> </div>
        </div>

        <div class="form-group">
          <label class="control-label col-md-4">车牌号</label>
          <div class="col-md-6 col-xs-11">
            <select [(ngModel)]="licenseNumber" formControlName="licenseNumber" class="selectpicker form-control" style="height: 30px" id="licenseNumber" (change)="onselected1()"
            >
              <option value="">全部</option>
              <option *ngFor="let vehicle of vehicles" [value]="vehicle.oid">{{vehicle.licenseNumber}}</option>
            </select>
          </div>
        </div>

        <div id="appl" class="form-group" [ngStyle]="{'margin-bottom':disabled === false ? '15px' : '0px' }">
          <label class="control-label col-md-4 labTitle" [ngClass]="{'hidden':disabled}">申请人</label>
          <div class="col-md-6 col-xs-11" [ngClass]="{'hidden':disabled}">
            <input  type="text" class="form-control" formControlName="applicantName"  id="applicantName" (dblclick)="openwin()"  (click)="clear()" data-toggle="modal" readonly="true" />
            <input type="hidden"  id="applicant" name="applicant" value=""/>
          </div>
        </div>

        <div class="form-group">
          <label class="control-label col-md-4">状态</label>
          <div class="col-md-6 col-xs-11">
            <select [ngModel]="status" formControlName="status" id="status" class="selectpicker form-control selector" style="height: 30px">
              <option value="-1">全部</option>
              <option *ngFor="let status of statuses" [value]="status.id">{{status.name}}</option>
            </select>
          </div>
        </div>
      </form>
    </section>
    <div class="modal-footer">
      <button  class="btn btn-primary" type="button" (click)="detailedSearch()">确定</button>
      <button  class="btn btn-primary" type="button" (click)="handleCancel($event)">取消</button>
    </div>
  </ng-template>
</nz-modal>


<!-- 人员开窗modal -->
<nz-modal id="userModal"  [nzVisible]="userIsVisible" [nzTitle]="'单选人员开窗'" [nzContent]="userModalContent"
          [nzFooter]="false" (nzOnCancel)="userHandleCancel($event)" >
  <ng-template #userModalContent>
    <app-user-table></app-user-table>
  </ng-template>
</nz-modal>
